<html>
    <head>
        <meta charset="utf-8" />
        <title>LoNote Personal Note</title>

        <script src="/static/js/jquery-1.9.1.js"></script>
        <script src="/static/js/jquery-ui-1.10.1.custom.min.js"></script>

        <script src="/static/js/URI.js"></script>
        <script src="/static/js/shortcut.js"></script>
        <script src="/static/js/lonote.js"></script>

        <link rel="stylesheet" href="/static/css/jquery-ui/pepper-grinder/jquery-ui.css" />

        <link rel="stylesheet" href="/static/css/default.css" type="text/css" />
    </head>
    
    <body>
        <article id="start_content" style="margin:15px; pidding:15px; margin-left:50px;">
            <p>This is LoNote 2.0 Alpha Version and only for inner testing. If you want to try, just take it! but I can't give you any support for this version.</p>
            <p><br/></p>

            <h2>How to Start?</h2>
            <p>Please check the left-side panel.</p>
            <p>If you are a first time user, go to <b>Configure</b> page to create your first notebook...</p>
            <p><br/></p>

            <h2>For LoNote 1.X User</h2>
            <p>Please use command-line interface to convert your notebook to new format.</p>
            <p>For Example:</p>
            <blockquote>
                <pre>lonote --convert ORIGINAL_NOTEBOOK_DIR</pre>
            </blockquote>
            <p>or</p>
            <blockquote>
                <pre>lonote --convert ORIGINAL_NOTEBOOK_DIR --convert-keep-history</pre>
            </blockquote>
            <p><br/></p>

            <hr/>

            <h2>Supported Browser</h2>
            <h3>Design for Below</h3>
            <ul>
                <li>Firefox 17+</li>
                <li>Google Chrome / Chromium 23+</li>
            </ul>
            <h3>Tested: Almost Work</h3>
            <ul>
                <li>Epiphany (Gnome Web) 3.6</li>
                <ul>
                    <li>Some hotkey conflict like F10.</li>
                    <li>Not trigger the "beforeunload" event when tab close (must press the save button manually for last 15 seconds changed).</li>
                </ul>
                <li>Midori 0.4.7</li>
                <ul>
                    <li>Not trigger the "beforeunload" event when tab close (must press the save button manually for last 15 seconds changed).</li>
                </ul>
            </ul>
            <h3>Not Support Yet</h3>
            <ul>
                <li>Opera 12.12</li>
                <ul>
                    <li>Opera not support the HTML5 input event & mutation observer(so change cannot be saved), I can't handle it yet...</li>
                </ul>
            </ul>
        </article>

        <script>
            $(document).ready(function(){
                lo.key.search_ready();
            });
        </script>

        <!-- 載入 sidebar -->
        <script>
            function sidebar_load(){
                function get_success(data){
                    $('body').append(data);
                };
                var sidebar_loc = '/sidebar';
                $.get(sidebar_loc, get_success);
            };
            $(window).one('load', sidebar_load);
        </script>

    </body>
</html>
